<template>
  <div class="footer">
    <div class="container">
      <div class="Introduction">
        <dl>
          <dt>集团介绍</dt>
          <dd>董事信息</dd>
          <dd>管理团队</dd>
          <dd>全球版图</dd>
          <dd>销售数据</dd>
        </dl>
      </div>
      <div class="agents">
        <dl>
          <dt>房产经纪</dt>
          <dd>地区房产</dd>
          <dd>经纪信息</dd>
          <dd>金融</dd>
          <dd>销售数据</dd>
        </dl>
      </div>
      <div class="categories">
        <dl>
          <dt>地产分类</dt>
          <dd>热点聚焦</dd>
          <dd>学区</dd>
          <dd>投资</dd>
          <dd>移民</dd>
        </dl>
      </div>
      <div class="categories">
        <dl>
          <dt>新闻中心</dt>
          <dd>集团新闻</dd>
          <dd>媒体视频</dd>
          <dd>投资</dd>
          <dd>移民</dd>
          <dd>最新公告</dd>
        </dl>
      </div>
      <div class="yc">
        <dl>
          <dt>诚聘英才</dt>
          <dd>加入我们</dd>
        </dl>
      </div>
      <div class="lx">
        <dl>
          <dt>联系我们</dt>
          <dd>合作</dd>
        </dl>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.footer{
  background-color: #eee;
}
.container {
  display: flex;
  justify-content: space-around;
  align-content: center;
  padding-top:20px ;
  dl{
    font-size: 20px;
    dt{
      margin-bottom: 15px;
    }
    dd{
      margin: 20px 0;
      font-size: 16px;
      text-align: center;
    }
  }
}
</style>